<!DOCTYPE html>

<html>
    <head>
        <title>#{get 'title' /}</title>
        <meta charset="UTF-8">
        <link rel="stylesheet" media="screen" href="@{'/public/stylesheets/main.css'}">
        <link rel="stylesheet" media="screen" href="@{'/public/stylesheets/admin/basic.css'}">
        <link rel="stylesheet" media="screen" href="@{'/public/stylesheets/themes/ui-lightness/jquery-ui-1.10.1.custom.min.css'}">
        <link rel="stylesheet" media="screen" href="@{'/public/stylesheets/gbutton/css/css3-buttons.css'}">
        #{get 'moreStyles' /}
        <link rel="shortcut icon" type="image/png" href="@{'/public/images/favicon.png'}">
        <script src="@{'/public/javascripts/jquery/jquery-1.9.0.min.js'}" type="text/javascript" charset="UTF-8"></script>
        <script src="@{'/public/jquery-plugin/jquery-ui/jquery-ui-1.10.1.custom.min.js'}" type="text/javascript" charset="UTF-8"></script>
       	<script src="@{'/public/javascripts/app/common.js'}" type="text/javascript" charset="UTF-8"></script>
       	<script src="@{'/public/javascripts/app/toJSON.js'}" type="text/javascript" charset="UTF-8"></script>
        <script src="@{'/public/javascripts/app/jquery.buttons.js'}" type="text/javascript" charset="UTF-8"></script>
        #{get 'moreScripts' /}
    </head>
    <body class="sl-index">
    	<div id="sl-wrap" class="ui-widget-content">
    		<div id="sl-header" class="ui-widget-header">
    			<div style="padding:10px;float:left">
					<img src="@{'/public/images/logo.png'}">
				</div>
				<div style="float:right;">
					<img src="@{'/public/images/NSN_logo.png'}" width="200px" height="70px"/>
				</div>
				
			</div>
			<div id="sl-main-nav">				
				#{menu id:id,hasSearch:hasSearch/}
			</div>
			<div >
				<a id="logffBtn" href="@{Secure.logout()}" class="button" style="float:right"><span class="icon icon151"></span><span class="label">Log off</span></a>
				<a id="helpBtn" href="#" class="button" style="float:right"><span class="icon icon105"></span><span class="label">Help</span></a>
				#{get 'toolbar'/}								
			</div>
			
    		<div id="sl-content">
    			#{doLayout /}
    		</div>
    	</div>
    </body>
</html>

<script>
$(document).ready(function() {
	/* Fix a bug: when clicking the menu link, the chosen style(orange) can not be shown
	 * param: pageType - every page has its own 'pageType' so that it will show the style in corresponding page according to 'pageType' value
	 * Added by Aaron
	 */
	var pageType = $("#pageType").val();
	if(pageType == 'CommandClassGrid' || pageType == 'CommandClassData') {
		$("#command_class_data_link").attr("class", "ui-selected");
	}
});
</script>